﻿/* --------------------- GLOBAL RESESTS --------------------- */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-family: arial, verdana, tahoma, helvetica; 
	font-size:100%;
	vertical-align: baseline; 
} 
input{
	font-family: arial, verdana, tahoma, helvetica;
	border:none;
}

:focus { 
	outline: 0; 
} 

body { 
	line-height: 1; 
	background:#041634 url(../images/backgrounds/bg.gif) repeat-x top left;	
	color:#5b6b75;
} 

ol, ul { 
	list-style: none; 
}
  
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 

caption, th, td { 
	text-align: left; 
	font-weight: normal; 
} 

blockquote:before, blockquote:after, 
q:before, q:after { 
	content: ""; 
} 

blockquote, q { 
	quotes: "" ""; 
	
}  

img {
	display:block;
}

.clear {
	clear:both;
}

.hr { 
    padding: 1px;
    background:url(../images/backgrounds/dotted_h.gif) repeat-x top left;	
    line-height:1px;
	display:block;
	clear:both;
	margin-bottom:1.375em;
	margin-top:1.875em;
}


/* --------------------- ACCESSIBILITY --------------------- */


#nav ul a, a.logo, h3.reasons_title, #home .header h2, div.pager ul li, label a.trigger, a.trigger, .popup_bottom a.save, .popup_bottom a.cancel, .popup_bottom a.enquire{	
	line-height:0.1em;
	font-size:0.1em;
	text-indent:-9999em;
	background-position:0 0;
	background-repeat:no-repeat;	
}

/* --------------------- FONTS --------------------- */


h1, h2, h3{color:#1B2533;}

p{font-size:0.75em;	line-height:1.66667em;	color:#5b6b75;}

.section p{margin-bottom:1.66667em;}

.section p.small_para{font-size:0.6875em; line-height:1.818181em; color:#acb1b7}

.section p span.star{color:#1B8AD3;}


/* H1 */

h1{letter-spacing:-1px;}
#home h1, #hub h1{font-size:2em;}
#home h1{padding:34px 0 7px 0}
#hub h1{padding:30px 0 7px 0}
#quote h1{padding:28px 0 10px 0}
#home h1{font-weight:bold; }
#quote h1, #content h1{font-size:1.875em;}
#content h1{font-size:1.875em; margin-bottom:0.3em}
#content h1.pad{font-size:1.875em; margin-bottom:0.6em}

/* H2 */

#home .section h2{font-size:1.5625em; letter-spacing:-1px; padding-bottom:16px;}
#hub .section h2{font-size:1.125em; letter-spacing:-1px;}
#quote .section h2{font-size:1.25em; color:#0075C7; letter-spacing:-1px; padding-bottom:20px;}
#quote .section h2.welldone{font-size:1.375em; color:#0075C7; letter-spacing:-1px; padding-bottom:20px; position:relative; top:-4px;}
#quote .section h2.welldone span{font-size:0.727272em; color:#1B2533;}
#quote .section h2.para{padding-bottom:9px;}
#quote .section h2.phone{float:right; padding-bottom:0px; font-size:14px; letter-spacing:-0.01em; text-transform:uppercase; line-height:23px;}

#content .section h2{font-size:1.125em; letter-spacing:-0.03em; margin-bottom:1em; line-height:1em;}

/* H3 */

#home .aside h3{font-size:1.125em; letter-spacing:-0.047em}
#quote .aside h3{font-size:1em; color:#fff;}
#quote .aside .current h3{display:block; background:url(../images/backgrounds/dotted_h_white.gif) repeat-x bottom left; padding-bottom:12px; margin-bottom:13px;}
#content .aside h3{font-size:1.125em; color:#fff; padding-bottom:9px; }
#quote .aside .help_box h3, #content .aside .help_box h3{color:#1a232f; padding-bottom:9px;}
#quote .aside .help_box h3.small_h3, #content .aside .help_box h3.small_h3{font-size:0.875em; letter-spacing:-1px; margin-right:-10px; line-height:22px; padding-bottom:14px; padding-top:4px;}
#quote .aside .rotate h3{line-height:22px;}
.hub_bottom h3{font-size:1.125em; letter-spacing:-0.03em; margin-top:-2px;}
/* H4 */

#quote .current h4 {color:#baf0ff; text-shadow:#016c96 0 -1px; font-size:0.875em; display:block; padding-bottom:11px; clear:both;}

/* P */

#hub .section_last p{line-height:1.5em; margin:0.75em 0;}

#home .header p, #hub .header p, .header p.big{font-size:1em; line-height:1.5em}
#home .header p{padding-bottom:52px;}
#hub .header p{padding-bottom:22px;}
#quote .header div p{font-size:0.6875em; line-height:1.818182em}

p.intro{font-size:0.875em; line-height:1.57143em; margin-bottom:1.57143em;}
#home .section p.intro, #content .section p.intro{font-size:0.875em; line-height:1.42857em; margin-bottom:1.6429em;}
#home .section p.intro strong{color:#1B2533;}
#content .section p.intro_dotted{font-size:0.875em; line-height:1.42857em; margin-bottom:1.6429em; padding-bottom:1.42857em; background:url(../images/backgrounds/dotted_h.gif) repeat-x bottom left;}
#content .gal_section p.intro_dotted{margin-top:-32px; margin-bottom:14px;}

#quote .aside p, #content .aside p{color:#baf0ff; text-shadow:#0189d2 0 -1px; line-height:1.5em; padding-bottom:9px;}
#quote .aside p.aside_contact, #content .aside p.aside_contact {line-height:1.5em; padding-bottom:14px; padding-top:6px;}
#content .aside p.aside_contact {padding-top:0px;}
#quote .aside p.aside_contact strong, #content .aside p.aside_contact strong {font-weight:bold; color:#fff; display:inline}
#quote .aside .help_box p, #content .aside .help_box p{color:#78838b; text-shadow:#fff 0 1px}
#content .aside p strong{color:#fff; font-weight:normal; display:block; padding-bottom:9px;}
#quote .aside .current p strong{color:#fff; display:block}
#content .aside p a{color:#fff; text-decoration:none; display:block; padding-bottom:9px; }
#content .aside p a:hover{text-decoration:underline;}

#content .aside .help_box p.content_box, #quote .aside .help_box p.content_box{font-size:0.6875em; line-height:1.636363em; color:#494e54;}
#content .aside .help_box p.content_box strong, #quote .aside .help_box p.content_box strong{padding:0px; margin:0px; font-weight:bold; color:#009cdf}
#content .aside .help_box .help_box_left p, #content .aside .help_box .help_box_right p{ ; text-align:center; padding-bottom:6px;}

#content .aside .help_box p{padding-bottom:13px;}
#content .aside .contact_form p{padding-bottom:13px; margin-top:-3px;}

#content .aside .contact p{padding-bottom:3px;}
#quote .aside .current p{font-size:0.6875em; line-height:1.636363em; margin-bottom:1.636363em;}
#quote .aside .current p.pre_selected{font-size:0.75em; line-height:1.5em; color:#fff}
#quote .aside .current p.pre_selected strong{padding-bottom:9px;}

/* --------------------- LISTS --------------------- */


.section li{font-size:0.75em; line-height:2em}

#quote .aside li, #content .aside li{font-size:0.75em; line-height:1.83333em}

.aside .help_box ul{padding-bottom:12px;}
.aside .help_box li{background:url(../images/icons/icons.gif) no-repeat 0 -207px; padding-left:15px;}

.aside .help_box .video_list li{color:#97A5B0;}

.aside .help_box li a{text-decoration:none; font-weight:bold;}
.aside .help_box li a:hover{color:#1B2533}
.aside .help_box li.selected a{ color:#1B2533}


.aside .help_box ul li ul{padding:0px 0px 0px 16px; margin:-1px 0px 2px -16px; background:#f3f5f7; margin-left:-16px;}
#content .aside .help_box ul li ul li{background:none;padding:0px; margin:0px; color:#5e6d78; font-size:0.926em; line-height:1.636363em;}
.aside .help_box ul li.selected ul li a{font-weight:normal; color:#009FE3;}
.aside .help_box ul li.selected ul li a:hover{color:#1B2533}
.aside .help_box ul li.selected ul li.selected a{color:#1B2533}

#quote .aside .current li{font-size:0.6875em; line-height:2em; color:#fff; font-weight:bold}
#quote .aside .current ul{padding-bottom:12px; padding-top:0px; margin-top:-2px;}
#quote .aside .current li span{width:92px; float:left; color:#baf0ff; font-weight:normal}

#quote .aside .current div ul{padding-bottom:9px; padding-top:0px; margin-top:0}
#quote .aside .current div li{line-height:1.454545em; color:#baf0ff; font-weight:normal}
#quote .aside .current div li.title{font-size:0.75em; line-height:1.5em;  color:#fff; font-weight:bold}

#hub .section_last li{background:url(../images/icons/icons.gif) no-repeat 0 -534px; padding-left:15px;}



/* --------------------- LINKS --------------------- */


a {cursor:pointer; text-decoration:underline; color:#009FE3;}

a:focus, a:hover {text-decoration:none;	color:#009FE3;} 

a.button, .ss-controls a, a.playvid{
	display:block; 
	font-size:0.75em;
	line-height:0.916667em;
	font-weight:bold; 
	color:#fff; 
	text-decoration:none;
	background-image:url(../images/buttons/buttons_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	width:185px; 
	height:23px;
	text-align:center;
	padding-top:10px;
	overflow:hidden
}
a:hover.button{
	color:#d9f5fe; 
}

#nav a.button{position:absolute; top:1px; right:39px;}
#nav a:hover.button{background-position:0 -33px;}

#home .header a.button{float:left; width:198px; padding-top:10px; height:25px; font-size:0.8755em; text-transform:uppercase; background-position:0 -66px;}
#home .header a:hover.button{background-position:0 -101px;}

#home .aside a{width:94px; padding-top:3px; height:14px; font-size:0.625em; text-transform:uppercase; background-position:0 -596px;}
#home .aside a:hover{background-position:0 -613px;}

#hub .header a.button{float:left; text-align:left; text-indent:15px; width:188px; padding-top:10px; height:25px; font-size:0.875em; text-transform:uppercase; background-position:0 -136px;}
#hub .header a:hover.button{background-position:0 -171px;}

#quote a.continue, a.continue{float:right; width:206px; padding-top:9px; height:22px; text-transform:uppercase; background-position:0 -206px;}
#quote a:hover.continue, a:hover.continue{background-position:0 -237px;}

#quote a.love{float:right; width:226px; padding-top:9px; height:22px; text-transform:uppercase; background-position:0 -268px;}
#quote a:hover.love{background-position:0 -299px;}

#quote a.savequote{float:left; width:226px; padding-top:9px; height:22px; text-transform:uppercase; background-position:0 -268px;}
#quote a:hover.savequote{background-position:0 -299px;}

#quote a.back{float:left; width:206px; padding-top:9px; height:22px; text-transform:uppercase; background-position:0 -330px;}
#quote a:hover.back{background-position:0 -361px;  color:#FFF;}

#quote a.select{float:right; width:206px; padding-top:9px; height:22px; text-transform:uppercase; background-position:0 -392px;}
#quote a:hover.select{background-position:0 -423px; color:#FFF;}

a.bigblue{float:left; width:168px; font-size:0.6875em; height:18px; padding-top:6px; background-position:0 -454px; text-transform:uppercase; text-align:left; text-indent:15px;}
a:hover.bigblue{background-position:0 -478px;}

.video li.more a.button{float:left; width:168px; font-size:1.1em; height:18px; padding-top:6px; text-transform:uppercase; text-align:left; text-indent:12px; background-position:0 -454px;}
.video li.more a.button:hover{color:#d9f5fe;}

a.smallblue{float:left; width:128px; padding-top:5px; height:16px; background-position:0 -502px; font-size:0.625em; text-align:left;
text-indent:12px;}
a:hover.smallblue{background-position:0 -523px;}

#quote a.add{float:right; width:200px; font-size:11px; padding-top:7px; height:19px; color:#394247; background-position:0 -544px; clear:both; margin-bottom:9px; text-align:left; text-indent:15px; text-transform:uppercase}
#quote a:hover.add{color:#5E6D78; background-position:0 -570px;}

#quote a.edit{float:left; width:68px; margin-right:7px; padding-top:3px; height:14px; font-size:0.625em; text-transform:uppercase; background-position:0 -630px;}
#quote a:hover.edit{background-position:0 -647px;}

#quote .current a.edit{float:left; width:68px; padding-top:3px; height:14px; font-size:0.625em; text-transform:uppercase; background-position:-68px -630px; margin-bottom:13px;}
#quote .current a:hover.edit{background-position:-68px -647px;}

#quote a.delete{float:left; width:68px; padding-top:3px; height:14px; font-size:0.625em; text-transform:uppercase; background-position:0 -664px;}
#quote a:hover.delete{background-position:0 -681px; color:#FFF;}

a.medblue{float:left; width:136px; font-size:0.75em; height:19px; padding-top:5px; text-transform:uppercase; text-align:left; text-indent:12px; background-position:0 -930px; margin-bottom:21px;}
a:hover.medblue{background-position:0 -954px;}

.hub_table a.medblue{width:116px; text-align:center; text-indent:0px; background-position:0 -1234px; margin-bottom:21px;}
a:hover.medblue{background-position:0 -1258px;}


a.meddarkblue{float:left; width:136px; font-size:0.75em; height:19px; padding-top:5px; text-transform:uppercase; text-align:left; text-indent:12px; background-position:0 -978px; margin-right:10px; margin-bottom:21px;}
a:hover.meddarkblue{background-position:0 -1002px;}

/* Browser fixes for Cufon buttons  */

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#quote a.continue, a.continue, #quote a.select, #quote a.love, #quote a.back{padding-top:8px; height:23px;}
	a.button{line-height:0.8333em;}
}

/* IE8 */
a.button{line-height/*\**/:0.5em\9;}


a.quote_video{text-decoration:none; color:#1b2533; font-size:1em; padding-bottom:13px; padding-left:24px; display:block; background:url(../images/icons/icons.gif) no-repeat 0 -304px;}
a.quote_video:hover{color:#009FE3;}
a.quote_video span{text-decoration:none; color:#009FE3; font-size:0.75em;}

.section .lists a.playvidlink{text-decoration:none; padding-left:20px;  background:url(../images/icons/icons.gif) no-repeat 0 -305px;}
.section .lists a.playvidlink:hover{color:#1b2533;}
.section .lists a.playvidlink span{text-decoration:none; color:#009FE3; font-size:0.75em;}

a.print_quote, a.email_quote{float:right; color:#1085d3; margin-top:4px; margin-left:25px; padding-left:22px; font-weight:bold; font-size:0.6875em; text-decoration:none; background:url(../images/icons/icons.gif) no-repeat 0 -362px; padding-bottom:3px; line-height:1.6333em;}
a:hover.print_quote, a:hover.email_quote{text-decoration:underline;}
a.email_quote{background:url(../images/icons/icons.gif) no-repeat 0 -425px;}

a.playvid{
	float: left;
	display:inline;
	width:176px;
	height:26px;
	margin:0px 0px 20px 0px;
	font-size:11px;
	padding-top:8px; 
	height:18px;
	color:#394247;
	text-align:left; 
	text-indent:15px; 
	text-transform:uppercase
}
a.playvid{background-position:0 -826px;}
a:hover.playvid{color:#5E6D78; background-position:0 -852px;}


/* --------------------- FORMS --------------------- */


input, textarea, selectbox{padding:4px 14px 5px 14px; margin:0; border:none; font-family: arial, verdana, tahoma, helvetica; text-shadow: #fff 0px 1px; font-size:0.75em; height:24px; display:block; background-image:url(../images/backgrounds/forms_bg.gif); background-repeat:none; background-color:#fff; margin-bottom:17px;}

input, textarea, selectbox { padding-top: 9px\9; padding-bottom: 0px\9;}


#content .section input, textarea{width:231px; background-position:0 -480px; }
textarea{height:178px; width:231px; background:url(../images/backgrounds/textarea_bg.gif) no-repeat bottom left; overflow:auto}
.form_middle textarea{height:117px; width:514px; background:url(../images/backgrounds/textarea_big_bg.gif) no-repeat top left; overflow:auto}



#content .aside input, #quote .main_sky .aside input{width:191px; background-position:0 -387px; height:25px; margin-bottom:10px;}
#content .aside input.send, #quote .main_sky .aside input.send{float:right; width:96px; background:none; height:22px; padding:0px;}
#content .aside textarea, #quote .main_sky .aside textarea{height:108px; width:191px; background: url(../images/backgrounds/textarea_aside_bg.gif) no-repeat bottom left; overflow:auto; padding-top:10px; padding-bottom:10px;}
#content .aside a.expand, #quote .main_sky .aside a.expand{
font-size:0.6875em;
color:#BAF0FF;
line-height:1.5em;
margin-top:3px;
padding-right:15px;
background:url(../images/buttons/comment_bg.gif) no-repeat right 3px;
text-shadow:0 -1px #0189D2;
text-decoration:none;
display:inline;
float:left;
}
#content .aside a:hover.expand, #quote .main_sky .aside a:hover.expand{
background:url(../images/buttons/comment_bg.gif) no-repeat right -20px;
color:#FFF;
}
#content .aside a.active, #quote .main_sky .aside a.active{
display:none;
}

#content .section input.send{float:right; width:206px; background:none; height:31px; padding:0px; margin-top:2px;}
#quote .section input{width:156px; background-position:0 -192px;}
#quote .section .three_col_big input{width:231px; background-position:0 -480px; }
#quote .section .three_col_big input.send{width:183px; background:none; height:31px; padding:0px; position:relative; top:28px;}
.popup_middle input{width:156px; background-position:0 -192px;}
#quote .section input.small{width:65px; background-position:0 -96px; float:left;}

#quote .section select{width:70px; padding-left:14px; background-position:0 0;}

label{font-family: arial, verdana, tahoma, helvetica; font-size:0.75em;	line-height:1.66667em; font-weight:bold; color:#1B2533; padding-left:4px; display:block; clear:both; position:relative; padding-bottom:7px;} 
label a.trigger{position:absolute; right:3px; top:3px; height:12px; width:12px; background:url(../images/icons/icons.gif) no-repeat 0 -255px;}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	width:192px;
	padding-top:10px;
	background:url(../images/backgrounds/popup_top_bg.gif) no-repeat top left;
}

.popup p{
	line-height:16px;
	float:left;
	font-size:0.916667em;
	font-weight:normal;
	display:inline;
	width:156px;
	padding:5px 18px 23px 18px;
	background:url(../images/backgrounds/popup_bg.gif) no-repeat bottom left;
}


input.radio{margin:0px; padding:0px; width:auto; height:auto; background:none;}

#content .section fieldset{float:left; display:inline; padding-top:29px; margin-bottom:-2px; width:591px; border-left:1px solid #dae1e8; border-right:1px solid #dae1e8; background:url(../images/backgrounds/dotted_h.gif) repeat-x top left;}  

.form_left, .form_right, .form_bottom, .form_middle{display:inline; float:left; width:184px;}
.form_left{margin-left:25px; margin-right:25px;}
.form_middle{width:542px; margin-left:25px; margin-right:0px;}
.form_bottom{width:541px; padding:25px 25px 0 25px; background:url(../images/backgrounds/dotted_h.gif) repeat-x top left; marging-bottom:-3px; margin-top:22px;}
.form_bottom p{float:left; display:inline; width:259px; font-style:italic; margin-top:-1px;}



#content .form_left, #content .form_right, #quote .section .three_col_big .form_left, #quote .section .three_col_big .form_right{width:259px;}
.form_left{margin-left:24px;}
#quote .section .three_col_big {width:100%}
#quote .section .three_col_big p{margin:2px 26px 10px 26px}
#quote .section .three_col_big p strong{color:#1B2533;}
#quote .section .three_col_big p.saved  {margin-bottom:0px;}

.size{float:left; display:inline; width:88px; margin-right:8px;}
.size_last{margin-right:0px;}
#quote .section .size input.small{width:60px;}

/* --------------------- Select Box--------------------- */

div.selectbox-wrapper {
    position:absolute;
    width:175px !important;
    background-color:white;
    border:1px solid #cad2d8;
    margin:0px;
	margin-left:4px;
    margin-top:-20px;
    padding:0px;
    text-align:left;
    height:60px;
   	overflow: auto;
  	z-index:99;
	padding-top:0
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #f4f5f6;
}
div.selectbox-wrapper ul li.current { 
  background-color: #eff2f3;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px 2px 3px 9px;
  cursor:pointer;
}

#quote .section .selectbox, #quote .section .three_col_big .selectbox /* look&fell of  select box*/
{
  padding-left:14px;
  width:156px !important;
  display : block;
  text-align:left; 
  background:url(../images/backgrounds/forms_bg.gif) no-repeat 0 -48px;
  cursor: pointer;
}

#quote .section .size .selectbox /* look&fell of  select box*/
{
  width:56px !important;
  background:url(../images/backgrounds/forms_bg.gif) no-repeat 0 0;
}

#quote .section .size div.selectbox-wrapper {
    position:absolute;
    width:75px !important;
    height:60px;
}

/* Selectmenu
----------------------------------*/



.ui-selectmenu{ display: block; position:relative; height:33px; text-decoration: none; overflow:hidden; font-size:0.75em; color:#575D64;}
.hub_table select, .hub_table .ui-selectmenu { position:absolute; right:20px; top:6px;}
.door_table select, .door_table .ui-selectmenu { position:absolute; right:20px; top:6px;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block;  border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 10px; outline:none; text-decoration:none; }
.ui-selectmenu-status {padding-top:.65em; padding-left:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ui-selectmenu-status, form .form_row .select_day .ui-selectmenu-status{padding-top:.7em;}
}



.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer {}
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }



/* Component containers
----------------------------------*/

.ui-widget-content { background-color:white; border:1px solid #cad2d8; color:#575D64; font-size:0.75em; margin-left:4px; margin-top:-3px;}

.home .ui-widget-content {z-index:99; position:absolute}

.ui-widget-content a, .value_steps .ui-widget-content a {color:#575D64;}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {width:184px !important; background: url(../images/backgrounds/forms_bg.gif) no-repeat 0 -48px; border:none; outline: none; text-shadow:0 1px #FFFFFF; margin-bottom:17px;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .value_steps .ui-state-hover, .value_steps .ui-widget-content .ui-state-hover, .value_steps .ui-state-focus, .value_steps .ui-widget-content .ui-state-focus  { color:#009FE3; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { background:#eff2f3; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .value_steps .ui-state-active, .value_steps .ui-widget-content .ui-state-active {color:#009FE3; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background:#eff2f3; outline: none; text-decoration: none; }



/* --------------------- Checkbox--------------------- */


.ui-helper-hidden-accessible {
    position: absolute;
    left: -999em;}

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
    color: #999;}

span.ui-checkbox,
span.ui-radio{
    display: block;
    width: 19px;
    height: 19px;
	padding:0;
	margin:0;
    background-image:url(../images/backgrounds/forms_bg.gif); 
	background-repeat:no-repeat; 
	background-position:0 0;
	background-color:red;
}

span.ui-helper-hidden {
    display: none;}


span.ui-checkbox-state-hover {}
span.ui-checkbox-state-checked {}
span.ui-checkbox-state-checked-hover {}
	
span.ui-radio{background-position: 0 -805px;}
span.ui-radio-state-hover{background-position: 0 -843px;}

span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {background-position: 0 -824px;}

span.ui-radio-state-checked-hover {background-position: 0 -824px;}


/* --------------------- WRAPS --------------------- */


.wrap{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
.wrap_top{
	height:110px;
	padding:0 39px;
	width:902px;
}
.wrap_middle{
	background:url(../images/backgrounds/glow_bg.jpg) no-repeat top center;	
	display:block;
}

.wrap:after, .main:after, .footer:after, .header:after, .popup_top:after, .popup_middle:after, .popup_bottom:after, div.error:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* --------------------- SECTIONS --------------------- */


.main{
	background:#fff;
	padding:0 39px;
	min-height:500px;
}
#content .main{
	min-height:680px;
	background:#fff url(../images/backgrounds/sky_bg.jpg) no-repeat 0 1px;
	
}
#quote .main{
	min-height:520px;
	padding-bottom:30px;
}
#quote .main_sky{
	background:#FFF url(../images/backgrounds/sky_bg.jpg) no-repeat 0 1px ;
	min-height:440px;
	padding-bottom:0px;
}

#quote.quote_start .main{min-height:560px;}

.main_bottom{
	height:10px; 
	font-size:1px; 
	line-height:0.1em;
	background:url(../images/backgrounds/main_bott_bg.gif) no-repeat top left;
}

.section{float:left; display:inline;}
.aside{float:right; display:inline;}
.header{display:block; background:#fff; padding:0px 39px; position:relative; border-bottom:1px solid #d2dbe4;}

/* HOME */

#home .section{width:465px; margin-top:36px; background:url(../images/backgrounds/dotted_v.gif) repeat-y top right; padding-right:38px; }
#home .aside{width:362px;  margin-top:27px;}
#home .header{background:#fff url(../images/backgrounds/header_bg.gif) repeat-x bottom left;}


/* HUB */

#hub .section{width:902px; padding-top:39px; padding-bottom:33px; background:url(../images/backgrounds/dotted_h.gif) repeat-x bottom left;}
#hub .section_last{background:none; padding-top:29px; padding-bottom:40px;}
#hub .aside{width:438px;}
#hub .header{height:214px; background:#fff url(../images/backgrounds/hub_header_bg.gif) repeat-x bottom left; border-bottom:none}

/* QUOTE */

#quote .section{width:593px; padding-top:82px;}
#quote .aside{width:269px;}
#quote .section, #quote .aside{position:relative; top:-25px;}
#quote .section_big{width:902px; padding-top:35px; top:0px; padding-bottom:35px; }
#quote .main_sky .section{padding-top:35px; top:0px;}
#quote .aside{top:-133px;}
#quote .main_sky .aside{padding-top:35px; top:0px;}
#quote.quote_start .aside{top:-94px;}
#quote .header{height:160px; background:#fff url(../images/backgrounds/quote_header_bg.gif) repeat-x bottom left}
#quote.quote_start .header{height:118px;}
#quote .header p{width:592px;}
#quote .header h1 {font-size:1.75em;}
#quote .header h1 span{color:#0075C7;}

/* CONTENT */

#content .section{width:593px; padding-top:31px;}
#content .gal_section{width:902px;}
#content .aside{width:269px; padding-top:34px;}


/* --------------------- BOXES --------------------- */

.box, .box_top, .box_bottom, .help_box, .help_box_top, .help_box_bottom, .prod_box, .prod_box_top, .prod_box_bottom{
	float:left; 
	display:inline;
	width:269px;
}
.box, .help_box{padding:12px 25px 10px 25px; width:219px}
.box{background:#01aaed;}
.help_box{background:#f3f5f7;}
.help_box_left, .help_box_right{float:left; display:inline; width:99px; padding-top:8px;}
.help_box_right{float:right;}

.aside .current{padding-top:6px; padding-bottom:13px;}
.aside .current img{float:left; margin-top:3px; margin-bottom:16px;}
.aside .current img{ margin-bottom /*\**/: 15px\9 }
.aside .current div{float:right; width:142px; background:url(../images/backgrounds/dotted_h_white.gif) repeat-x bottom left; margin-bottom:16px;}
.aside .current div ul{float:left;}
.aside .current div span{float:right; color:#fff; margin-top:32px;}
.aside .current span.total{float:right; color:#fff; font-size:1.5em; padding-bottom:9px;}

small{font-size:66%; vertical-align:text-top; line-height:125%}

.total small{font-size:66%; vertical-align:text-top; line-height:125%}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	small{line-height:150%}
}

.box_top, .box_bottom, .help_box_top, .help_box_bottom, .prod_box_top, .prod_box_bottom{
	font-size:0.1em;
	line-height:0.1em;
	height:5px;
	background-image:url(../images/backgrounds/corners_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	
}
.box_bottom{
	background-position:0 -5px;
	margin-bottom:25px;
}
.help_box_top{
	background-position:0 -10px;
}
.help_box_bottom{
	background-position:0 -15px;
	margin-bottom:25px;
}
.aside_banners{float:left; display:inline; width:269px; margin-bottom:25px;}


/* --------------------- TOP --------------------- */


.wrap_top a.logo{
	float:left;
	display:block;
	width:268px;
	height:65px;
	margin-top:18px;
	background:url(../images/icons/logo.gif) no-repeat top left;
}
 
.top_contact{
	float:right;
	display:inline;
	width:181px;	
	background:url(../images/backgrounds/chat_box_bg.gif) no-repeat top left;
}
.top_contact a{
	font-size:0.625em;
	display:block;
	font-weight:bold;
	color:#4A92CA;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	padding:4px 0 26px 0;
}
.top_contact a span{
	color:#FFF;
}
.top_contact a:hover{
	color:#FFF;
}
.top_contact h2{
	font-size:0.6875em;	
	color:#59b5f4;
	text-transform:uppercase;
	
}
.top_contact h2 strong{
	font-size:2.18182em;
	line-height:1.08333em;
	display:block;	
	color:#fff;
	letter-spacing:-1px;
}

/* --------------------- NAV --------------------- */

.nav_top{
	height:8px; 
	font-size:1px; 
	line-height:0.1em;
	background:url(../images/backgrounds/nav_top_bg.gif) no-repeat top left;
}

#nav{
	display:block;
	height:43px;
	background:url(../images/backgrounds/nav_bg.gif) repeat-x top left;
	position:relative;
}


#nav ul, #nav li{
 	display:inline;
 }
 
#nav ul{
	position:absolute;
	top:0px;
	left:39px;
	height:43px;
	width:633px;
}  
  
#nav ul a{
	display:block;
	float:left;
	height:43px;
	background-position:0 0;
	background-image:url(../images/buttons/nav.gif);
}

#nav ul li.p1 a{width:62px;}
#nav ul li.p1 a:hover{background-position:0 -43px;}
#nav ul li.p1selected a, #nav ul li.p1selected a:hover{background-position:0 -86px;}

#nav ul li.p2 a{width:115px; background-position:-62px 0px;}
#nav ul li.p2 a:hover{background-position:-62px -43px;}
#nav ul li.p2selected a, #nav ul li.p2selected a:hover{background-position:-62px -86px;}

#nav ul li.p3 a{width:91px;	background-position:-177px 0px;}
#nav ul li.p3 a:hover{background-position:-177px -43px;}
#nav ul li.p3selected a, #nav ul li.p3selected a:hover{background-position:-177px -86px;}

#nav ul li.p4 a{width:170px; background-position:-268px 0px;}
#nav ul li.p4 a:hover{background-position:-268px -43px;}
#nav ul li.p4selected a, #nav ul li.p4selected a:hover{background-position:-268px -86px;}

#nav ul li.p5 a{width:90px;	background-position:-438px 0px;}
#nav ul li.p5 a:hover{background-position:-438px -43px;}
#nav ul li.p5selected a, #nav ul li.p5selected a:hover{background-position:-438px -86px;}

#nav ul li.p6 a{width:105px; background-position:-528px 0px;}
#nav ul li.p6 a:hover{background-position:-528px -43px;}
#nav ul li.p6selected a, #nav ul li.p6selected a:hover{background-position:-528px -86px;}


/* --------------------- SUBNAV --------------------- */


#subnav{
	min-height:22px;
	padding:6px 39px;
	display:block;
	background:#f9fafb url(../images/backgrounds/subnav_bg.gif) repeat-x bottom left;
	border-bottom:1px solid #d1d9E3;
}


#subnav li{
	display:inline;
	font-size:0.6875em;
	margin-right:28px;
	text-transform:uppercase;
}

#subnav li.last{
	margin-right:-40px;
}

#subnav li a{
	color:#1F3858;
	text-decoration:none;
	display:inline;
}
#subnav li a:hover, #subnav li.selected a{
	color:#008FDB;
}


/* --------------------- BOTTOM --------------------- */



.bottom{
	float:left;
	display:inline;
	width:902px;
	min-height:218px;
	background:url(../images/backgrounds/bottom_bg.jpg) no-repeat 0 19px;
}

#home .bottom{
	margin-top:41px;
}
#content .bottom{
	margin-top:30px;
}
#hub .bottom{
	margin-top:10px;
}
h3.reasons_title{
	float:left;
	display:inline;
	width:584px;
	height:44px;
	margin:0px 159px 40px 159px;
	background:url(../images/backgrounds/bottom_title.gif) no-repeat top left;
}

.reasons{
	float:left;
	display:inline;
	width:284px;
	padding-right:13px;
	margin-right:12px;
	background:url(../images/backgrounds/dotted_v.gif) repeat-y top right;
}

.reasons div{
	padding-left:75px;
}
.reason1 div{
	background:url(../images/icons/num_1.gif) no-repeat 9px 3px;
}
.reason2 div{
	background:url(../images/icons/num_2.gif) no-repeat 9px 3px;
}
.reason3 div{
	background:url(../images/icons/num_3.gif) no-repeat 9px 3px;
}

.reasons h3{
	padding-right:23px;
	font-size:18px;
	display:inline;
}

.reason2 h3{
	padding-right:22px;
}

.reason3{
	padding:0;
	margin:0;
	background:none;
}

.reasons p{
	padding-top:3px;
}


/* --------------------- VIDEO --------------------- */


.video div{
	float:left; 
	display:inline; 
	margin-top:-10px !important; 
	margin-left:-10px !important; 
	margin-right:-10px !important; 
	overflow:hidden !important; 
}
#home .video{
	padding-top:9px;
}
#content .video{
	padding-top:4px;
}
#hub .video{
	float:right;
	
}
#content .video div{width:407px; height:327px; margin-bottom:20px; margin-top:-5px !important; margin-left:-5px !important;}
#home .video div{width:299px; height:238px; margin-top:-5px !important; margin-left:-5px !important; }
#hub .video div{width:272px; height:222px; margin-top:-5px !important; margin-left:-2px !important; }

#content .video div.video_change, #home .video div.video_change, #hub .video div.video_change{
	float:left; 
	display:inline; 
	background:none;
	padding:0;
	margin:0;
}
#content .video div.video_change{
	margin-bottom:25px;
}

.video ul{
	float:right; 
	margin-left:4px;
}
#content .video ul{
	margin-bottom:25px;
}
.video li{
	display:block; 
	margin-bottom:14px; 
	padding-left:18px;
	width:156px; 
	color:#97a5b0; 
	font-size:0.625em; 
	min-height:37px; 
	line-height:3.5em; 
	background-repeat:no-repeat; 
	background-image:url(../images/backgrounds/video_list_bg.gif); 
	background-position: 0px -276px; 
	text-shadow: #fff 0px 1px;
}

.video li.selected{background-position:0 -184px;}
#content .video li{width:170px; background-position:0px -92px; margin-bottom:17px;}
#content .video li.selected{background-position:0 0;}
#hub .video li{margin-bottom:7px;}



.video li.more{min-height:24px; line-height:0.1em; padding-left:5px;}
#hub .video li.more{margin-top:9px;}
#home .video li.more{margin-bottom:0px;}
.video li a{text-decoration:none; font-weight:bold; font-size:1.2em;}
.video li a:hover, .video li.selected a{color:#5E6D78}

.flash_box{float:left; margin-top:-10px; margin-left:-10px}

#content .video ul.video_linksbig{
	margin-top:-2px;
}

#content .video ul.video_linksbig li{
	margin-bottom:4px;
	min-height:0; 
	line-height:1.54545454em; 
	background:none;
	padding-left:0px;
	width:186px;
}

#content .video ul.video_linksbig li a{
	font-size:1.1em;
	line-height:1.54545454em; 
}


/* --------------------- HOME --------------------- */


/*  HEAD  */

#home .header div{float:left; display:inline; min-height:244px; width:412px; padding:0px 80px 0px 0px; background:url(../images/backgrounds/header_fade_bg.jpg) no-repeat 0 148px;}
#home .header img{position:absolute; top:0px; right:0px; width:496px; height:257px;}
#home .header h2{float:left; width:167px; margin:11px 0 0 35px; height:15px; background:url(../images/backgrounds/h2_2mins.gif) no-repeat 0 0}

/*  SECTION  */


/*  ASIDE  */

#home .aside div{float:left; display:inline; width:362px; padding-top:14px; padding-bottom:18px; background:url(../images/backgrounds/dotted_h.gif) repeat-x bottom left;}
#home .aside div.last{background:none; padding-bottom:0}
#home .aside img{float:right; display:inline; padding-left:25px; }
#home .aside p{padding:8px 0px 11px 0px;}


/* --------------------- HUB --------------------- */


/*  HEAD  */

#hub .header div{float:left; display:inline; width:310px; padding:0px 0ox 0px 0px;}
#hub .header img{position:absolute; top:0px; right:0px; width:670px; height:214px;}

/*  SECTION  */

.hub_intro{float:left; display:inline; width:438px}
.hub_intro div{float:left; display:inline; width:206px}
.hub_intro div.hub_right{float:right;}
.hub_intro div p{padding:13px 0px 3px 0px}


.hub_bottom{float:left; display:inline; position:relative; width:284px; padding-right:11px; margin-right:14px; background:url(../images/backgrounds/dotted_v.gif) repeat-y top right;}
.hub_bottom_last{padding-right:0; margin-right:0; background:none;}
.hub_bottom img{position:absolute; bottom:-23px; right:10px;}
.hub_bottom img.last{right:0px}
.hub_bottom img.three_image{bottom:-1px;}


ul.three_list{margin-bottom:21px;}
p.hub_doors{padding-right:96px;}


/* --------------------- QUOTE --------------------- */


/*  HEAD  */

#quote .header div{float:right; display:inline; width:269px; margin-left:40px; padding-top:40px;}

#quote .header img{position:absolute; top:0px; right:0px;}

/*  SECTION  */

div.pager{background:url(../images/backgrounds/pager_shadow_bg.gif) no-repeat bottom left; height:62px; position:absolute; width:608px; top:0; left:0}
div.pager ul, div.pager ul.step1{position:absolute; width:608px; height:40px; top:0;  background:url(../images/backgrounds/pager_bg.gif) no-repeat 0 0}
div.pager ul.step2{background:url(../images/backgrounds/pager_bg.gif) no-repeat 0 -40px}
div.pager ul.step3{background:url(../images/backgrounds/pager_bg.gif) no-repeat 0 -80px}
div.pager ul.step4{background:url(../images/backgrounds/pager_bg.gif) no-repeat 0 -120px}
div.pager ul.step5{background:url(../images/backgrounds/pager_bg.gif) no-repeat 0 -160px}
div.pager ul li{width:156px;}

/*  START PAGE  */

.quoute_map{float:right; display:inline; width:130px; height:258px; padding: 11px 17px 0 17px; position:relative; background:url(../images/backgrounds/quote_map_bg.gif) no-repeat top left;}
.quoute_map h3{font-size:0.875em;}
.quoute_map p{line-height:1.45455em; font-size:0.6875em}
.quoute_map p.location{ margin-top:167px;}
.quoute_map p a{display:block;}
.quoute_map a.trigger{position:absolute; right:17px; top:12px; height:12px; width:12px; background:url(../images/icons/icons.gif) no-repeat 0 -255px;}
.start_quote {float:left; display:inline; width:389px; position:relative;}
#quote .section .start_quote h2{display:block;background:url(../images/backgrounds/dotted_h.gif) repeat-x bottom left; padding-bottom:13px; padding-top:6px; margin-bottom:18px;}
.start_quote p strong{color:#1B8AD3}
.start_quote .quote_video{position:absolute; top:10px; right:0; text-transform:uppercase; font-size:0.75em; line-height:1.5em;}
.start_quote a:hover.quote_video{color:#117ecb;}
.start_quote .quote_video span{color:#117ecb; font-size:1em;}
#quote .start_quote a.continue, a.continue{float:left;}

/*  DOORS QUOTE  */

.doors_quote a.continue{margin-bottom:25px; margin-top:13px;}

.doors_quote .ui-state-default, .doors_quote .ui-widget-content .doors_quote .ui-state-default {margin-bottom:10px;}

p.door_quote_call{margin-bottom:1.3333em}

h3.includes_title{font-size:0.875em;}

/*  TABLES  */

.table {float:left; padding-bottom:5px; background:url(../images/backgrounds/table_bottom_bg.gif) no-repeat bottom left; margin-bottom:25px; position:relative}
.table_first {margin-top:-16px;}
.table_top {float:left;  padding-top:3px;background:url(../images/backgrounds/table_head_bg.gif) no-repeat top left; position:relative}
.table h3{background:url(../images/backgrounds/table_head_bg.gif) no-repeat top left; height:30px; width:544px; padding:13px 25px 0px 24px;}
.table h3.table_bott{background:url(../images/backgrounds/table_head_bg_bottom.gif) no-repeat top left;}
.table .table_subhead h3{background:none; height:auto; width:auto;}
.table .table_subhead h3.two{float:left; display:inline; width:245px;}
.table .table_subhead h3.two span{font-size:12px; color:#5F6E79;}
.table h3 .size_h3, .table h3 .info_h3, .table h3 .price_h3{float:right; display:inline; text-align:right; color:#5e6d78; text-transform:uppercase; width:150px; font-size:0.875em}
.table h3 .size_h3{width:184px}
.table h3 .price_h3{width:181px}

.table table{width:593px; border-left:1px solid #dae1e8; border-right:1px solid #dae1e8;}

.table tr{background:url(../images/backgrounds/dotted_h.gif) repeat-x top left; height:43px; position: relative;}

.table table.view_quote tr.table_head{height:37px;}
.table tr.table_subhead{background:url(../images/backgrounds/table_subhead_bg.jpg) no-repeat top left; height:43px;}

.table tr.selected{background-color:#f7f9fb;}
.table td{width:148px; background:url(../images/backgrounds/dotted_v.gif) repeat-y top right; vertical-align:top}
.table td.last{width:147px; background:none; }

table.price_list{ margin:1px 0px 0px 0px}
table.price_list td{border:1px solid #e2e7ed; padding:12px 5px ; font-size:0.875em; text-align:center; vertical-align:middle;  }
table.price_list td.title{text-align:left; vertical-align:middle;  padding:12px 12px 12px 14px;}
table.price_list td.title2{border:none; line-height:18px; padding:6px 5px 12px 14px;}
table.price_list td strong{font-size:0.7857142em; color:#333}
table.price_list td strong span{font-weight:normal}
table.price_list tr.grey{background:#f8f8f8;}

/*  two column  */

td.two_col{width:296px; border-left:1px solid #dae1e8;}
td.two_col_last{width:295px; background:none; padding-bottom:27px}
td.two_col ul, td.two_col_last ul{float:left; display:inline; padding:28px 0px 20px 25px; width:245px;}
td.two_col ul{width:110px; padding-right:10px;}
td.two_col ul.standard{width:112px; padding-right:0px;}
td.two_col ul.secure{padding-left:0px; width:149px; padding-right:0px;}
td.two_col li, td.two_col_last li{float:left; display:inline; font-size:1em; margin-right:8px;}
td.two_col li label, td.two_col_last li label{font-weight:normal; padding:0; color:#5f6e79;}
td.two_col_last li{margin-right:0px;}
td.two_col_last li label{padding-right:60px; padding-left:8px;}
td.two_col_last li.last label{padding-right:0px;}


ul.rec{background:url(../images/icons/recommended.gif) no-repeat 180px bottom;}

/*  three column  */

td.three_col_last{width:443px; background:none; border-right:1px solid #dae1e8; padding-top:14px; padding-bottom:20px;} 

/*  four column  */

td.four_col{width:543px; background:none; padding:16px 24px 4px 24px;}

td.info{width:158px; padding:18px 10px 28px 20px}
td.sizes{width:108px; padding:18px 10px 28px 20px}
td.price{width:93px; padding-right:24px; padding-bottom:28px; background:none; vertical-align:bottom; text-align:right; color:#1b2533; font-size:1.125em; }

/*  table links  */ 

a.table_link{display:block; margin-right:1px; text-align:center; font-size:0.75em; color:#5f6e79; text-decoration:none; padding-top:17px; margin-top:1px; padding-bottom:42px; background:url(../images/buttons/button_quote.gif) no-repeat 37px 158px;}
a.link_style{background:url(../images/buttons/button_quote.gif) no-repeat 37px 158px;}
td.last a.fancy_info{background:url(../images/buttons/button_quote.gif) no-repeat -353px 158px;}
a.table_link strong{color:#1B2533;}
a.table_link span{font-size:11px;}
.secure label span, .standard label span{font-size:11px; display:block;}
.last a.table_link{margin-right:0px;}
a:hover.table_link, a.table_selected{background:#f7f9fb url(../images/buttons/button_quote.gif) no-repeat -92px 158px}

a.link_style{background:url(../images/buttons/button_quote2.gif) no-repeat 34px 158px;}
a:hover.link_style{background:#f7f9fb url(../images/buttons/button_quote2.gif) no-repeat -107px 158px}
td.last a:hover.fancy_info{background:#f7f9fb url(../images/buttons/button_quote.gif) no-repeat -482px 158px;}
a.table_selected, a:hover.table_selected{background:#f7f9fb url(../images/buttons/button_quote.gif) no-repeat -221px 158px}
a.table_link img, .window_style img{margin-right:auto; margin-left:auto; padding-bottom:23px; padding-top:15px; background:url(../images/backgrounds/pic_shadow_bg.gif) no-repeat bottom center;}
a:hover.table_link img, a.table_selected img, tr.selected .window_style img{background:url(../images/backgrounds/pic_shadow_grey_bg.gif) no-repeat bottom center; }   

a.door_link{background:url(../images/buttons/button_quote.gif) no-repeat 37px 253px;}
a:hover.door_link, a.door_selected{background:#f7f9fb url(../images/buttons/button_quote.gif) no-repeat -92px 253px}
a.door_link_price{background:url(../images/buttons/button_quote.gif) no-repeat 37px 267px;}
a:hover.door_link_price{background:#f7f9fb url(../images/buttons/button_quote.gif) no-repeat -92px 267px}

a.con_link{background:url(../images/buttons/button_quote.gif) no-repeat 37px 182px;}
a:hover.con_link, a.con_selected{background:#f7f9fb url(../images/buttons/button_quote.gif) no-repeat -92px 182px}

a.door_link span{font-size:10px; color:#a9b1b6;}
a.door_link span.price, a.door_link_price span.price{color:#0468b3; display:block; font-size:11px; padding-top:3px;}

.window_style{text-align:center; font-size:0.75em; color:#5f6e79;  float:left; width:148px; padding-top:18px;}

.styles .window_style{ padding-top:12px;}


/* DOOR TABLES  */

.door_table {background:url(../images/backgrounds/door_quote_sprite.gif) no-repeat -285px bottom;}
.door_table_small { background-position:0 bottom}
.door_table_big {background-position:-879px bottom}
.table_left {margin-right:25px;}

.door_table table{background:#edf4fa;}
.door_table_small table{width:284px;}
.door_table_big table{width:902px;}

.door_table_small h3{background:url(../images/backgrounds/table_head_bg.gif) no-repeat -594px top; width:235px; text-align:center}
.door_table_big h3{background:url(../images/backgrounds/table_head_bg.gif) no-repeat -879px top; width:853px;}

.door_table tr{background:url(../images/backgrounds/solid_h.gif) repeat-x top left;}

.door_table td{background:none; width:141px}
.door_table td.first{padding-left:13px;}
.door_table td.last{width:141px; padding-right:14px;}

.hub_table td{width:334px; padding-left:19px; padding-top:20px;}
.hub_table td.first{width:132px; padding:0px;}

.hub_table td.last{width:107px; padding:0px;}
.hub_table {padding-bottom:0px; border-bottom:1px solid #dae1e8; border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px; position:relative}
.hub_table td strong, .door_table_big td strong{color:#1f2834}	
.hub_table td p, .door_table_big td p{line-height:18px; padding-top:7px; margin-bottom:14px; clear:both;}	


.door_table_small td{padding-left:66px; padding-right:66px;}

.door_table_big td, .door_table_big td.first, .door_table_big td.last{width:194px; padding:25px 0px 20px 25px}
.door_table_big td.last{padding:25px 24px 20px 25px}

.door_table a.table_link img{width:115px; height:265px; background:url(../images/backgrounds/pic_shadow_blue_bg.gif) no-repeat bottom center;}
.door_table a:hover.table_link img, .door_table a.table_selected img{background:url(../images/backgrounds/pic_shadow_blue_bg.gif) no-repeat bottom center; }
.door_table_big td img{float:left; margin-bottom:16px;}
.modern_table a.table_link img{height:223px;}
.patio_table a.table_link img{width:256px; height:244px;}
.french_table a.table_link img{width:226px; height:247px;}
.bifold_table a.table_link img{width:229px; height:244px;}
.patio_table a.table_link img, .french_table a.table_link img, .bifold_table a.table_link img, .patio_table a:hover.table_link img, .french_table a:hover.table_link img, .bifold_table a:hover.table_link img{background:url(../images/backgrounds/pic_shadow_bluebig_bg.gif) no-repeat bottom center;}


.hub_table td.first img{padding-top:2px;}
.hub_table td.last img{padding-top:21px; padding-left:28px;}

.door_table a.table_link{background:url(../images/buttons/button_quote.gif) no-repeat 37px 337px; padding-bottom:46px;}  
.door_table a:hover.table_link, .door_table a.table_selected{background:transparent url(../images/buttons/button_quote.gif) no-repeat -92px 337px}

.modern_table a.table_link{background:url(../images/buttons/button_quote.gif) no-repeat 37px 296px; padding-bottom:46px;}  
.modern_table a:hover.table_link{background:transparent url(../images/buttons/button_quote.gif) no-repeat -92px 296px}

.door_table_small a.table_link{background:url(../images/buttons/button_quote.gif) no-repeat 37px 325px; padding-bottom:46px;}  
.door_table_small a:hover.table_link{background:transparent url(../images/buttons/button_quote.gif) no-repeat -92px 325px}

.door_table_big a.table_link{width:72px; hieght:17px; padding:0px; margin:0px; background:url(../images/buttons/button_quote.gif) no-repeat 0px 0px; text-indent:-9999px; line-height:1px;}  
.door_table_big a:hover.table_link{background:transparent url(../images/buttons/button_quote.gif) no-repeat -129px 0px}

.french_table a.table_link{background:url(../images/buttons/button_quote_big.gif) no-repeat 112px 320px; padding-bottom:46px;}  
.french_table a:hover.table_link{background:transparent url(../images/buttons/button_quote_big.gif) no-repeat -260px 320px}
.patio_table a.table_link, .bifold_table a.table_link{background:url(../images/buttons/button_quote_big.gif) no-repeat 112px 316px; padding-bottom:46px;}  
.patio_table a:hover.table_link, .bifold_table a:hover.table_link{background:transparent url(../images/buttons/button_quote_big.gif) no-repeat -260px 316px}



/*  contact details */ 

.contact_details p{padding:15px 20px 0 25px; font-size:0.6875em; line-height:1.636364em;}
.contact_details p strong{ font-size:1.09091em; color:#1B2533; display:block; padding-bottom:11px;}
.contact_details span{display:block; font-weight:bold; color:#1B8AD3; font-size:0.875em; margin-left:25px; padding-left:22px; background:url(../images/icons/icons.gif) no-repeat 0 -483px; line-height:1.5em; margin-top:-7px;}

/*  view quote */ 

td.total{padding:16px 24px 0px 24px}
td.four_col span{color:#1b2533; display:block; margin-top:-3px;}
td.total p{font-size:0.6875em; display:block; text-align:right;}
td.total span{padding-bottom:1px; display:block; text-align:right; margin:0;}
td.total span strong{font-size:1.75em;}
td.info li span, td.sizes li span{width:46px; float:left; font-weight:normal; color:#5E6D78;}
td.info li span{width:50px;}
td.info li, td.sizes li{font-weight:bold; color:#1b2533; line-height:2.16667em}
td.info ul{padding-bottom:16px;}

.quote_saved{float:left; display:inline; padding:20px 24px 25px 24px; border:1px solid #dae1e8; background:#f7f9fb; width:543px; -webkit-border-radius:6px; -moz-border-radius:6px; position:relative; margin-bottom:20px; top:-5px}
.quote_saved a{color:#1085D3;}
.quote_saved img{position:absolute; top:-12px; left:25px}
.quote_saved h3{margin-bottom:10px;}
.section .quote_saved p{margin-bottom:0; line-height:1.5em;}
.quote_saved h3.ref{float:right; display:inline;}
.quote_saved h3.ref span{font-size:12px;}

/*  Pagination  */

ul.pag{
	position:absolute;
	top:12px;
	right:25px;
}

ul.pag_bottom{
	position:absolute;
	top:auto;
	bottom:12px;
}

ul.pag li{
	font-size:0.75em;
	line-height:1.8182em;
	color:#c4cbd2;
	display:inline;
}
ul.pag li.items{
	color:#5E6D78;
	padding-right:3px;
}
ul.pag li a{
	padding-right:5px;
	padding-left:2px;
	text-decoration:none;	
	font-weight:bold;
	color:#0075C7;
}

ul.pag li span{
	font-size:9px;
	position:relative;
	top:-1px;
}
ul.pag li.selected a, ul.pag li a:hover{
	color:#1B2533;
}

/* --------------------- ERROR--------------------- */

.error_getintouch{display:block; clear:both; border:1px solid #008cc3; background:#0098d4; margin-bottom:16px; padding:6px 16px;}

.error_getintouch li{color:#fff;}

div.error{background:#f9e9e7; border:1px solid #e3aea7; margin-bottom:16px; padding-top:16px; padding-bottom:16px; margin:12px 25px;}

.doors_quote div.error{margin:0px 0px 16px 0px;}

#quote .section div.error h2, #content .section .doors_quote div.error h2{font-size:1em; line-height:1em; color:#d6341b; padding:0; padding-left:16px;  margin:0 0 12px 0;}



div.error ul{display:block; clear:both; padding-left:16px; padding-right:16px;}

div.error li{display:block; font-size:0.75em; line-height:1.667em; color:#313436; padding-left:18px; background:url(../images/icons/cross.gif) no-repeat center left; line-height:1.125em; padding-bottom:4px; padding-top:4px;}


/* --------------------- CMS --------------------- */

.cms_2col, .cms_2col_last, .cms_3col, .cms_3col_middle, .cms img{float:left; display:inline;}
.cms_2col, .cms_2col_last{width:284px;}
.cms_2col{margin-right:25px;}
.cms_3col, .cms_3col_middle{width:181px;}
.cms_3col_middle{margin-right:25px; margin-left:25px;}

.cms_2col, .cms_2col_last, .cms_3col, .cms_3col_middle{margin-bottom:10px;}

.cms img{margin-bottom:20px;}

.cms ul, .cms ol, ul.lists, ol.lists{margin-bottom:1.66667em;}
.cms ul li, ul.lists li{background:transparent url(../images/icons/icons.gif) no-repeat scroll 0 -534px; padding-left:15px;}
.cms ol li span, ol.lists li span{font-weight:bold; color:#1b8ad3; padding-right:2px;}

.cms h3, .cms h2{clear:both}
.cms h3{font-size:14px; margin-bottom:1.42857em}


.cms table h3{margin:0}

.cms table td, .cms table th{padding:16px 24px 4px; background:none; font-size:0.75em}
.cms table th{padding:12px 24px 4px; font-size:0.875em; font-weight:bold; text-transform:uppercase; color:#1B2533;}

.cms table tr.first{background:none;}


/* --------------------- Content --------------------- */


.big_img{float:left; margin:9px 0px 20px 0px}
.left_img{float:left; display:inline; margin:4px 20px 0px 0px}


/* --------------------- STYLES & PRODUCT PAGE --------------------- */

.prod_2col, .prod_2col_last{float:left; display:inline; width:284px; margin-bottom:20px;}
.prod_2col{margin-right:25px;}
.prod_top, .colours{float:left; display:inline; width:593px;}
.prod_top{background:url(../images/backgrounds/dotted_h.gif) repeat-x bottom left; margin-bottom:22px; padding-bottom:4px;}
.colours{height:104px; background:url(../images/backgrounds/colours_bg.gif) no-repeat top left; margin-bottom:20px;}

#content .prod_top h1 {font-size:1.5em;}
.products h3{margin-bottom:0.6875em;}
#content .prod_2col_last h2{ color:#0075C7; font-size:1.375em; margin-bottom:4px;}
#content .prod_2col_last p.intro{margin-bottom:12px;}
.prod_2col_last h2 span{font-size:12px; top:1px; position:relative}
.prod_2col_last .hr { margin-bottom:17px; margin-top:21px;}

.prod_2col_last ul.tick li{background:url(../images/icons/tick.gif) no-repeat center left; padding-left:18px;}

.prod_top ul {margin-top:-4px; margin-bottom:-1px;}
.prod_top li {font-size:0.6875em; text-transform:uppercase; display:inline; font-size:0.625em; color:#5e6d78; text-shadow:#fff 0 1px; padding-right:3px;}
.prod_top li a{padding-right:6px; text-decoration:none;}
.prod_top li a:hover{color:#1B2533;}

.colours ul{margin:16px 0px 0px 105px;}
.colours li{float:left; display:inline; width:53px; padding-left:24px; text-align:center; font-size:0.6875em;}
.colours li img{float:left; margin-bottom:1px;}

.prod_box, .prod_box_top, .prod_box_bottom{width:284px;}
.prod_box{width:282px; background:#fff; border-left:1px solid #e1e5e8; border-right:1px solid #e1e5e8; text-align:center} 
.prod_box_top{background:url(../images/backgrounds/prod_box_top.gif) no-repeat top left;}
.prod_box_bottom{background:url(../images/backgrounds/prod_box_bottom.gif) no-repeat top left; height:68px}
.prod_box img{margin-top:20px; margin-bottom:27px; margin-left:auto; margin-right:auto; text-align:center} 


/* --------------------- FOOT --------------------- */


.footer{
	padding-top:46px;
}

.footer ul li{
	float:left;
	display:inline;
	width:206px;	
}
.footer ul li.last{
	width:117px;
}

.footer ul li ul{
	width:181px;
}

.footer ul li.last ul{
	width:117px;
}

.footer ul li ul li{
	width:181px;
	font-size:0.6875em;
	line-height:2em;
}

.footer ul li.last ul li{
	width:117px;
}

.footer ul li a{
	color:#97bcd1;
	padding-left:13px;
	text-decoration:underline;
	background:url(../images/icons/icons.gif) no-repeat 0 1px;
}
.footer ul li a:hover{
	color:#fff;
	text-decoration:none;
}
.footer ul li h4{
	font-size:1.09091em;
	color:#1A7FBA;
	padding-bottom:5px;
}
.footer h3{
	float:left; 
	display:inline; 
	width:245px;
	font-size:0.875em;
	text-transform:uppercase;
	color:#97BCD1;
	line-height:1.57143em
}
.footer_box {
	border-top:1px solid #2A405A;
	border-bottom:1px solid #2A405A;
	float:left;
	margin-top:34px;
	padding:24px 0px 25px 0px;
	width:980px;
}
.footer_box img{
	float:left;
	margin-top:8px;
}
.footer_box p{
	font-size:0.6875em;
	line-height:2em;
	color:#1e618f;
	font-style:italic;
}
 p.rights{
	font-size:0.6875em;
	line-height:2em;
	color:#97bcd1;
	padding:24px 0px;
}
.footer_box p, p.rights{
	float:right;
	width:323px;
}


/* --------------------- Popup --------------------- */


.popup_frame{clear:both; display:block; margin:3px;}

.popup_top, .popup_middle, .popup_bottom, .popup_loading, .popup_form{clear:both; display:block; padding-left:25px; padding-right:25px; }

.popup_top{padding-top:8px; padding-bottom:14px; background-color:#151515;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;}
#home .popup_top h1, #quote .popup_top h1, #hub .popup_top h1, #content .popup_top h1{color:#fff; font-size:1.75em; line-height:2em; letter-spacing:0; padding:0}
.popup_middle, .popup_form {background-color:#fff;  padding-top:22px; height:392px;}



.popup_bottom{padding-top:12px; padding-bottom:15px; background-color:#f2f4f5;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;}

.popup_middle td.four_col{width:543px; background:none; padding:20px 24px 0px 24px;}


.popup_bottom a.save{float:right; dsiplay:inline; width:84px; height:32px;background-image:url(../images/buttons/buttons_bg.gif); background-repeat:no-repeat; background-position:0 -698px;}
.popup_bottom a:hover.save{  background-position:0 -730px;}
.popup_bottom a.enquire{float:right; dsiplay:inline; width:84px; height:32px;background-image:url(../images/buttons/buttons_bg.gif); background-repeat:no-repeat; background-position:-84px -698px;}
.popup_bottom a:hover.enquire{background-position:-84px -730px;}

.popup_bottom a.cancel{float:left; width:84px;  height:32px; background-image:url(../images/buttons/buttons_bg.gif); background-repeat:no-repeat;  background-position:0 -762px;}
.popup_bottom a:hover.cancel{background-position:0 -794px; color:#FFF;}
.popup_middle .table{margin-right:-30px;}



.popuop_form_left{float:left; display:inline; width:255px}
.popuop_form_right{float:right; display:inline; width:255px}
.popuop_form_left label, .popuop_form_right label{float:left; display:inline; padding-right:8px; padding-top:6px}
.popuop_form_left input.small, .popuop_form_right input.small{float:left; display:inline;}

#content .poup_price .popup_middle{padding-top:30px; margin-bottom:-20px;}
#content .poup_price h1{font-size:28px;margin-bottom:0px;}
#content .poup_price h2{font-size:14px;color:#009FE3; margin-bottom:18px;}

#content .poup_price .popup_big {height:720px; width:1008px; padding:0; padding-top:0; background:#346da1}

.popup_middle_edit{height:315px;}
.popup_middle td.four_form{padding:20px 24px 10px 24px;}
td.four_form .popup_label{width:130px}
td.four_form .popup_label label{padding-top:0;}
